<template>
  <div>
    <!-- 
    获取当前组件树的根 Vue 实例
    我们可以借助这个$root做事件总线类似的传值方式（最牛逼的状态提升）
    -->
    <p> $root传值</p>
    <p>当前的数量是{{$root.count}} </p>
    <child/>
    <button @click="$root.count++">修改在vue实例中的共享数据  </button>
  </div>
</template>

<script>
import Child from './Child.vue'
export default {
  components: { Child },
  mounted() {
    console.log(this.$root.count, "index");
  },

}
</script>

<style scoped>
div{
  color: rgb(184, 135, 244);
}
</style>